<!DOCTYPE html>
<!-- 米家龙 18342075 -->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>
<body>
  <div id="calculator">
    <div id="screen">
      <div id="scrPos">
      <!-- <input type="text" id="input"></br> -->
        <span id="input">up</span>
        <span id="output">down</span>
      </div>
    </div>
    <div id="manuel">
      <div id="lineOne" class="line">
        <button class="symb">(</button>
        <button class="symb">)</button>
        <button class="symb">C</button>
        <button class="symb">/</button>
      </div>
      <div id="lineTwe" class="line">
        <button>7</button>
        <button>8</button>
        <button>9</button>
        <button class="symb">*</button>
      </div>
      <div id="lineThree" class="line">
        <button>4</button>
        <button>5</button>
        <button>6</button>
        <button class="symb">+</button>
      </div>
      <div id="lineFour" class="line">
        <button>1</button>
        <button>2</button>
        <button>3</button>
        <button class="symb">-</button>
      </div>
      <div id="lineFive" class="line">
        <button>0</button>
        <button>.</button>
        <button>←</button>
        <button id="eq" class="symb">=</button>
      </div>
    </div>
  </div>
    <script src="cal.js"></script>
</body>
</html>